body {
		/*background-image: url("../img/background3.jpg");*/
		/*background-repeat: no-repeat;*/
		background: #202020;
		font-size: 16px;
		font-weight: 400;
		color: #444444;
	}


	h1
	{
		font-weight: 400;
        color: white;
	}

	ul
	{
		padding: 0;
		list-style: none;
	}

	a
	{
		color: dodgerblue;
		text-decoration: none;
	}
	
	a:hover
	{
		color: #7b00ff;
		cursor: pointer;
	}

	.mycontainer
	{
		overflow: hidden;
		margin: 40px auto;
		/*width: 100%;*/
		width: 1300px;
	}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
		position: relative;
		float: left;
		width: 300px;
		padding: 3em 0 1em;
	}

/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

	#logo
	{
		text-align: center;
        margin-top: 1em;
		margin-bottom: 4em;
	}

    #logo img
    {
        width: 140px;
        height: 140px;
        display: inline-block;
        margin-bottom: 1em;
		/*圆形*/
        border-radius: 50%;
    }
	
	#logo h1
	{
		display: block;
	}

/*********************************************************************************/
/* Menu                                                                          */
/*********************************************************************************/

	#menu li
	{
		border-top: 1px solid rgba(255,255,255,0.08);
	}
	
	#menu li a
	{
		display: block;
		padding: 2em 1.5em;
		text-align: center;
		text-decoration:  none;
		font-weight: 700;
		color: rgba(255,255,255,0.5);
	}
	
	#menu .current_page_item a
	{
		background: #2980b9;
		color: rgba(255,255,255,1);
	}

/*********************************************************************************/
/* Page                                                                          */
/*********************************************************************************/

	#page
	{
		background: #2a2a2a;
	}

/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/

	#main
	{
		height: 900px;
        /*height: 675px;*/
		overflow: hidden;
		float: right;
		width: 1000px;
		padding: 2em 50px 1em 50px;
		background: #f9f9f9;
		border-top: 3px solid #fa5000;
		text-align: center;
	}

	#table{
		margin-top: 110px;
		width: 100%;
		border-collapse: collapse; /* 合并表格边框 */
	}

	#table th, #table td {
		border: 1px solid #ddd; /* 单元格边框 */
		padding: 10px; /* 内边距 */
		text-align: center;
	}

	#table th {
		background-color: #4CAF50; /* 表头背景色 */
		font-weight: 700; /* 加粗文字 */
		color: white;
	}

    .btn-add{
		color: white;
		background-color: #4CAF50;
        width: 100px;
        height: 40px;
        float: left;
        margin-top: 30px;
		border: none;
		border-radius: 2px;
    }
	.btn-add:hover{
		background-color: #28a745;
		cursor:pointer;
	}

    .find{
        float: right;
        margin-top: 30px;
    }

    #find-text{
        width: 250px;
        height: 30px;
    }

    .find-btn{
		padding: 7px 16px;
		background-color: #007BFF;
		color: white;
		border: none;
		border-radius: 2px;
    }

	.find-btn:hover{
		background-color: blue;
		cursor: pointer;
	}

	.table-input{
		font-size: 14px;
        width: 40px;
        text-align: center;
        border-top: none;
		border-left: none;
		border-right: none;
		border-bottom-color: #e6e6e6;
        background: transparent; /*透明*/
	}

    .update-btn{
		border-radius: 5px;
		padding: 5px 10px;
		background-color: #4CAF50;
		color: white;
		border: none;
		border-radius: 4px;
    }

    .update-btn:hover{
		background-color: #28a745;
		text-decoration: underline;
    }

	.btn-delete {
		color: #dc3545; /* 删除按钮颜色 */
		text-decoration: underline; /* 下划线 */
	}

	.personalImg{
		width: 200px;
		height: 200px;
        margin-bottom: 5px;
		border-radius: 50%;
	}

    .info{
        margin-top: 20px;
    }

    .personalForm{
        margin-top: 20px;
		font-size: 20px;
		font-weight: 700;
    }

    .personalInput{
		font-size: 20px;
        height: 35px;
        margin-bottom: 10px;
        background: transparent;
        border-top: none;
        border-left: none;
        border-right: none;
    }
	
	#index{
        margin-top: 20px;
	}

	/*隐藏jQuery UI对话框的标题栏上的关闭按钮。*/
	.ui-dialog-titlebar-close {
		display: none
	}
